<template>
  <!-- <div style="text-align:center,background-color:#6699cc;height:75px;">
    <div style="width=!00%;height:20px"></div>
    <p class="h4" align="center" style="vertical-align:middle;"><b>通知公告</b></p>
  </div> -->
  <div class="flex">
    <tools-page :need-back='false' title="通知公告"></tools-page>
    <div style="background: #FCFCFC;" class="span">
      <http-busy>
        <list :model="model">
          <div partial>
            <div class="app-preview" style="margin-bottom: 10px;" >
              <div class="head text-center">
                <h4 style="font-size: 20px;width: -webkit-fill-available;">{{row.f_title}}</h4>
              </div>
              <div class="body">
                <p style="text-indent: 2em;">{{row.f_content}}</p>
                <p class="text-right">{{row.f_subcompany}}</p>
                <p class="text-right">{{row.f_time}}</p>
              </div>
            </div>
            <!-- <div class=" col-md-12 col-lg-12 ">
              <table class="table table-striped">
                <tbody>
                  <tr class="h5">
                    <td>标题：</td>
                    <td>{{row.f_title}}</td>
                  </tr>
                  <tr class="h5">
                    <td>时间：</td>
                    <td>{{row.f_time}}</td>
                  </tr>
                  <tr class="h5">
                    <td>分公司：</td>
                    <td>{{row.f_subcompany}}</td>
                  </tr>
                  <tr>
                    <td colspan="2">{{row.f_content}}</td>
                  </tr>
                </tbody>
              </table>
            </div> -->
          </div>
        </list>
      </http-busy>
      <div style="height:50px;"></div>
    </div>
  </div>

</template>

<script>
import Vue from 'vue'

export default {
  title: '安检通知',
  data() {
    return {
      model: {},
    }
  },
  methods: {
    getNotice() {
        this.$post(Vue.url +'sql/提取通知', {data:{f_subcompany: "hhkj"}}, {resolveMsg: null, rejectMsg: null}).then(
        // this.$post('rs/sql/提取通知', {data:{f_subcompany: "hhkj"}}, {resolveMsg: null, rejectMsg: null}).then(
        (response) => {
          this.$set('model', {rows :response.data})
        }
      ).catch(
        (response) => {
          HostApp.alert('提取数据失败。')
        }
      )
    }
  },
  ready() {
      this.getNotice()
  },
}
</script>
